<template>
  <div>

    <div v-for="(item,index) in pinions" style="margin-top: 10px">

      <div style="font-weight: bold;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;white-space:pre-wrap;">{{index+1}}、{{item.headline}} [{{item.mediaName}}]</div>
      <div style="margin-top: 5px;text-indent:35px">{{item.publishDate}} </div>
      <div style="margin-top: 5px;text-indent:35px">{{item.title}} </div>
    </div>
    <el-skeleton :rows="6" animated v-if="loading"/>

  </div>
</template>
<script>
import { listOpinion, } from "@/api/system/opinion";
export default {

  data() {
    return {
      loading: true,
      pinions:[],
      queryParams: {
        pageNum: 1,
        pageSize: 5,
      }
    }
  },
  computed: {
  },
  watch: {},
  mounted() {

  },
  created() {
    this.getList()
  },
  methods: {
    /** 查询舆情清单列表 */
    getList() {
      this.loading = true;
      listOpinion(this.queryParams).then(response => {
        this.pinions = response.rows;
        this.loading = false;
      });
    },
  }
}
</script>
